<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>列表方案2</title>
    <link rel="stylesheet" href="css/frozen.css">
    <link rel="stylesheet" href="css/style.css"></head>
<body>

    <footer class="ui-footer ui-footer-btn">
        <ul class="ui-tiled ui-border-t">
            <li>
                <div>
                    <a href=""><img src="images/btn2_01a.png" alt="评选投票"/></a>
                </div>
            </li>
            <li>
                <div>
                    <a href=""><img src="images/btn2_02.png" alt="投票记录"/></a>
                </div>
            </li>
        </ul>
    </footer>
    <section class="ui-container">
       <div class="head2">
            <img src="images/head6.jpg" alt="">
        </div>
        <div class="roll roll_close">
            <div class="headbtn">
                <div class="id">12</div>
                <div class="h1">开场《开场》</div>
                <div class="p">部门：金贵银业 出场：5人</div>
                
            </div>
        <div class="bigvote"><a href="#"><img src="images/bigvote.png" alt=""></a></div>
        <div class="list01">
            <div class="item person">
                <div class="pic"><img src="images/demo.jpg" alt=""></div>
                <div class="h1"><a href="#">名字</a></div>
                <div class="p">性别：男&nbsp;角色：角色名</div>
                <div class="vote"><a href=""><img src="images/tou.png" alt="投票"></a></div>
            </div>
            <div class="item person">
                <div class="pic"><img src="images/demo.jpg" alt=""></div>
                <div class="h1"><a href="">名字</a></div>
                <div class="p">性别：男&nbsp;角色：角色名</div>
                <div class="vote"><a href="#"><img src="images/che.png" alt="撤票"></a></div>
            </div>

            <div class="item listend">

            </div>
        </div>
        </div>

        <div class="roll roll_open">
            <div class="headbtn">
                <div class="id">12</div>
                <div class="h1">开场《开场》</div>
                <div class="p">部门：金贵银业 出场：5人</div>
               
            </div>
         <div class="bigvote"><a href="#"><img src="images/bigvote.png" alt=""></a></div>
        <div class="list01">
            <div class="item person">
                <div class="pic"><img src="images/demo.jpg" alt=""></div>
                <div class="h1"><a href="">名字</a></div>
                <div class="p">性别：男&nbsp;角色：角色名</div>
                <div class="vote"><a href=""><img src="images/tou.png" alt="投票"></a></div>
            </div>
            <div class="item person">
                <div class="pic"><img src="images/demo.jpg" alt=""></div>
                <div class="h1"><a href="">名字</a></div>
                <div class="p">性别：男&nbsp;角色：角色名</div>
                <div class="vote"><a href=""><img src="images/che.png" alt="撤票"></a></div>
            </div>

            <div class="item listend">

            </div>
        </div>
        </div>

        <div class="roll roll_close">
            <div class="headbtn">
                <div class="id">12</div>
                <div class="h1">开场《开场》</div>
                <div class="p">部门：金贵银业 出场：5人</div>
                
            </div>
        <div class="bigvote"><a href="#"><img src="images/bigvote.png" alt=""></a></div>
        <div class="list01">
            <div class="item person">
                <div class="pic"><img src="images/demo.jpg" alt=""></div>
                <div class="h1"><a href="#">名字</a></div>
                <div class="p">性别：男&nbsp;角色：角色名</div>
                <div class="vote"><a href=""><img src="images/tou.png" alt="投票"></a></div>
            </div>
            <div class="item person">
                <div class="pic"><img src="images/demo.jpg" alt=""></div>
                <div class="h1"><a href="">名字</a></div>
                <div class="p">性别：男&nbsp;角色：角色名</div>
                <div class="vote"><a href="#"><img src="images/che.png" alt="撤票"></a></div>
            </div>

            <div class="item listend">

            </div>
        </div>
        </div>

    </section>

    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <div class="ui-dialog show" style="background:none;">
		<div class="ui-dialog-cnt" style="
				width: 30%;
				background: rgba(0, 0, 0, 0.7);
				color: #fff;
				border-radius: 5px;
				padding: 15px 20px;
				text-align: center;
				">

				   投票成功！

				</div>
    </div>
    <script class="demo-script">

$(".headbtn").click(function(){
    var stat = $(this).parent().attr("class")
    if(stat.indexOf("roll_close")>=0){
        $(this).parent().removeClass("roll_close")
        $(this).parent().addClass("roll_open")
    }else{
        $(this).parent().removeClass("roll_open")
        $(this).parent().addClass("roll_close")
    }
})

setTimeout("hide_dialog()",2000)


$(".ui-dialog").click(function(){

hide_dialog()

})

function hide_dialog(){
$(".ui-dialog").removeClass('show');
}

function	show_dialog(){
$(".ui-dialog").addClass('show');
}


</script>

</body>
</html>